<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Ordered Lists :: Antora Docs</title>
    <meta name="generator" content="Antora 3.2.0-alpha.8">
    <link rel="stylesheet" href="../../../_/css/site.css">
  </head>
  <body class="article">
<header class="header">
  <nav class="navbar">
    <div class="navbar-brand">
      <a class="navbar-item" href="../../..">Antora Docs</a>
      <button class="navbar-burger" aria-controls="topbar-nav" aria-expanded="false" aria-label="Toggle main menu">
        <span></span>
        <span></span>
        <span></span>
      </button>
    </div>
    <div id="topbar-nav" class="navbar-menu">
      <div class="navbar-end">
        <a class="navbar-item" href="#">Home</a>
        <div class="navbar-item has-dropdown is-hoverable">
          <a class="navbar-link" href="#">Products</a>
          <div class="navbar-dropdown">
            <a class="navbar-item" href="#">Product A</a>
            <a class="navbar-item" href="#">Product B</a>
            <a class="navbar-item" href="#">Product C</a>
          </div>
        </div>
        <div class="navbar-item has-dropdown is-hoverable">
          <a class="navbar-link" href="#">Services</a>
          <div class="navbar-dropdown">
            <a class="navbar-item" href="#">Service A</a>
            <a class="navbar-item" href="#">Service B</a>
            <a class="navbar-item" href="#">Service C</a>
          </div>
        </div>
        <div class="navbar-item">
          <span class="control">
            <a class="button is-primary" href="#">Download</a>
          </span>
        </div>
      </div>
    </div>
  </nav>
</header>
<div class="body">
<div class="nav-container" data-component="component-a" data-version="1.6.0">
  <aside class="nav">
    <div class="panels">
<div class="nav-panel-menu is-active" data-panel="menu">
  <nav class="nav-menu">
    <button class="nav-menu-toggle" aria-label="Toggle expand/collapse all" style="display: none"></button>
    <h3 class="title"><a href="../source-code.html">Component A</a></h3>
<ul class="nav-list">
  <li class="nav-item" data-depth="0">
<ul class="nav-list">
  <li class="nav-item" data-depth="1">
    <a class="nav-link" href="../inline-text-formatting.html">Inline Text Formatting 行内文本格式</a>
  </li>
  <li class="nav-item" data-depth="1">
    <a class="nav-link" href="../special-characters.html">特殊字符和符号 Special Characters and Symbols</a>
  </li>
  <li class="nav-item" data-depth="1">
    <a class="nav-link" href="../admonition.html">Admonition</a>
  </li>
  <li class="nav-item" data-depth="1">
    <a class="nav-link" href="../sidebar.html">Sidebar</a>
  </li>
  <li class="nav-item" data-depth="1">
    <a class="nav-link" href="../ui-macros.html">User Interface Macros</a>
  </li>
  <li class="nav-item" data-depth="1">
    <button class="nav-item-toggle"></button>
    <span class="nav-text">Lists</span>
<ul class="nav-list">
  <li class="nav-item is-current-page" data-depth="2">
    <a class="nav-link" href="ordered-list.html">Ordered Lists</a>
  </li>
  <li class="nav-item" data-depth="2">
    <a class="nav-link" href="unordered-list.html">Unordered Lists</a>
  </li>
</ul>
  </li>
  <li class="nav-item" data-depth="1">
    <a class="nav-link" href="../source-code.html">“收集”源代码</a>
  </li>
</ul>
  </li>
</ul>
  </nav>
</div>
<div class="nav-panel-explore" data-panel="explore">
  <div class="context">
    <span class="title">Component A</span>
    <span class="version">1.6.0</span>
  </div>
  <ul class="components">
    <li class="component is-current">
      <div class="title"><a href="../source-code.html">Component A</a></div>
      <ul class="versions">
        <li class="version is-current is-latest">
          <a href="../source-code.html">1.6.0</a>
        </li>
      </ul>
    </li>
    <li class="component">
      <div class="title"><a href="../../../component-b/3.1/index.html">Component B</a></div>
      <ul class="versions">
        <li class="version is-latest">
          <a href="../../../component-b/3.1/index.html">3.1</a>
        </li>
        <li class="version">
          <a href="../../../component-b/2.5/index.html">2.5-beta.1</a>
        </li>
        <li class="version">
          <a href="../../../component-b/2.0/index.html">2.0</a>
        </li>
        <li class="version">
          <a href="../../../component-b/1.0/index.html">1.0</a>
        </li>
      </ul>
    </li>
  </ul>
</div>
    </div>
  </aside>
</div>
<main class="article">
<div class="toolbar" role="navigation">
<button class="nav-toggle"></button>
  <a href="../../../component-b/3.1/index.html" class="home-link"></a>
<nav class="breadcrumbs" aria-label="breadcrumbs">
  <ul>
    <li><a href="../source-code.html">Component A</a></li>
    <li>Lists</li>
    <li><a href="ordered-list.html">Ordered Lists</a></li>
  </ul>
</nav>
</div>
  <div class="content">
<aside class="toc sidebar" data-title="Contents" data-levels="2">
  <div class="toc-menu"></div>
</aside>
<article class="doc">
<h1 class="page">Ordered Lists</h1>
<div class="sect1">
<h2 id="_ordered_list"><a class="anchor" href="#_ordered_list"></a>Ordered list</h2>
<div class="sectionbody">
<div class="listingblock">
<div class="title">Ordered list with title</div>
<div class="content">
<pre class="highlightjs highlight"><code class="language-asciidoc hljs" data-lang="asciidoc">.Optional title of list
. Step 1
. Step 2
. Step 3</code></pre>
</div>
</div>
<div class="olist arabic">
<div class="title">Optional title of list</div>
<ol class="arabic">
<li>
<p>Step 1</p>
</li>
<li>
<p>Step 2</p>
</li>
<li>
<p>Step 3</p>
</li>
</ol>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_nested_ordered_list"><a class="anchor" href="#_nested_ordered_list"></a>Nested ordered list</h2>
<div class="sectionbody">
<div class="listingblock">
<div class="title">Ordered list with nested levels</div>
<div class="content">
<pre class="highlightjs highlight"><code class="language-asciidoc hljs" data-lang="asciidoc">. Step 1
. Step 2
.. Step 2a
.. Step 2b
... Sub-step 2b
. Step 3</code></pre>
</div>
</div>
<div class="olist arabic">
<ol class="arabic">
<li>
<p>Step 1</p>
</li>
<li>
<p>Step 2</p>
<div class="olist loweralpha">
<ol class="loweralpha" type="a">
<li>
<p>Step 2a</p>
</li>
<li>
<p>Step 2b</p>
<div class="olist lowerroman">
<ol class="lowerroman" type="i">
<li>
<p>Sub-step 2b</p>
</li>
</ol>
</div>
</li>
</ol>
</div>
</li>
<li>
<p>Step 3</p>
</li>
</ol>
</div>
</div>
</div>
</article>
  </div>
</main>
</div>
<footer class="footer">
  <p>This page was built using the Antora default UI.</p>
  <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
</footer>
<script id="site-script" src="../../../_/js/site.js" data-ui-root-path="../../../_"></script>
<script async src="../../../_/js/vendor/highlight.js"></script>
  </body>
</html>
